<template>
  <div class="qin-home">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
     对口帮扶地区
    </div>
    <div class="home-tab">
      <div  v-for="(eventListJqs, index) in donateAreaList" @click="goDetails(eventListJqs.id)">
        <flexbox>
          <flexbox-item :span="4">
            <div class="flex-demo">
              <img :src="imageUrl.imageUrl+ eventListJqs.img"/>
            </div>
          </flexbox-item>
          <flexbox-item>
            <div class="flex-demo">
              <p class="eventName"><span v-html="eventListJqs.name"></span></p>
              <p style="font-size: x-small"><span v-html="eventListJqs.remarks" style=" word-break:normal;
    width:auto;
    display:block;
    white-space:pre-wrap;
    word-wrap : break-word ;
    overflow: hidden ;"></span></p>
            </div>
          </flexbox-item>
        </flexbox>
      </div>
    </div>
  </div>
</template>
<script src="./dkbf.js"></script>
